<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>更改 HTML 元素的内容为属性值同名 JavaScript 标识符的值</title>
</head>
<body>
<div id="change" class="change">
    <h1 data-text="text" style="background-color: red">Hello, World!</h1>
</div>
<script>
    let text = "Hello, Vue!"
    // 获取目标元素
    let element = document.querySelector("#change > h1");
    console.log(element);

    // 获取元素属性的值
    let attributeValue = element.getAttribute("data-text");
    console.log(attributeValue);

    // 更改元素的内容
    element.textContent = eval(attributeValue)

    // 删除元素指定的属性
    element.removeAttribute("data-text")
</script>
</body>
</html>